{extend name="default/base" /}

{block name="title"}111{/block}
{block name="keywords"}2222{/block}
{block name="description"}33333{/block}

{block name="css"}{/block}

{block name="content"}

        <div class="row">
            <div class="col-sm-3 col-xs-12">
                <div class="box box-solid">
                    <div class="box-header with-border">
                      <h3 class="box-title"> 控制面板</h3>
                    </div>
                    <div class="box-body no-padding">
                      <ul class="nav nav-pills nav-stacked">
                        <li><a href="{:url('index/member/message')}"><i class="fa fa-envelope-o text-light-blue"></i> 我的消息</a></li>
                        <li><a href="{:url('index/member/article')}"><i class="fa fa-edit text-light-blue"></i> 我的文章</a></li>
                        <li class="active"><a href="{:url('index/member/comment')}"><i class="fa fa-comments text-light-blue"></i> 我的评论</a></li>
                        <li><a href="{:url('index/member/favorite')}"><i class="fa fa-star text-light-blue"></i> 我的收藏</a></li>
                        <li><a href="{:url('index/member/setting')}"><i class="fa fa-gear text-light-blue"></i> 个人设置</a></li>
                      </ul>
                    </div>
                </div>
            </div>

            <div class="col-sm-9 col-xs-12">
                <div class="box box-solid">
                  <!-- Custom Tabs -->
                  <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">我的评论</a></li>
                      <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
                    </ul>
                    <div class="tab-content">
                      <div class="tab-pane active" id="tab_1">
                        <ul class="products-list product-list-in-box pad">
                            {volist name="list" id="vo"}
                            <li class="item">
                              <div class="product-img">
                                <img src="{$vo.article_image}" alt="Product Image">
                              </div>
                              <div class="product-info">
                                <p class="product-title">
                                      {$vo.content}
                                </p>
                                <span class="product-description text-muted">
                                    <i class="fa fa-clock-o"></i> {$vo.create_at}
                                    评论了 <a href="">{$vo.article_username}</a> 的文章《<a href="{$vo.article_url}">{$vo.article_name}</a>》
                                </span>
                              </div>
                            </li>
                            <!-- /.item -->
                            {/volist}
                        </ul>
                      </div>
                      <!-- /.tab-pane -->
                    </div>
                    <!-- /.tab-content -->
                    <div class="box-footer">
                        <div class="col-sm-offset-2 col-sm-10">
                            {$page}
                        </div>
                    </div>
                  </div>
                  <!-- nav-tabs-custom -->
                </div>
            </div>
        </div>


{/block}

{block name="js"}{/block}